<!DOCTYPE html>
<html lang="en">
<head>
	{% load static %}
	<meta charset="UTF-8">
	<meta name="viewport"
		  content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="trimview" content="1.0.0">

	<meta charset="utf-8"/>
	<title>旅动足球</title>

	<link href="https://cdn.bootcss.com/Swiper/3.3.1/css/swiper.min.css" rel="stylesheet">
	<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
	<link rel="stylesheet" href="{% static 'css/main.css' %}">

</head>
<body>

<div class="page">
	<header class="bar bar-nav">
		<a class="button button-link button-nav pull-right" onclick="location='/advice/'"
		   data-transition='slide-out'>
			<span class="icon icon-me"></span>
			提交建议
		</a>
		<div class="title" style="font-size: 20px">旅动足球</div>
	</header>


	<div class="content">

		<div id="banner" class="swiper-container  banner">
			<div class="swiper-wrapper inner">
				<div class='swiper-slide'>
					<img src='https://worldcuptemp.oss-cn-beijing.aliyuncs.com/website/1.jpg'/>
				</div>
				<div class='swiper-slide'>
					<img src='https://worldcuptemp.oss-cn-beijing.aliyuncs.com/website/2.jpg'/>
				</div>
				{#            <div class='swiper-slide'>#}
				{#                <img src='{% static '3.jpg' %}'/></div>#}
			</div>
			<div class="swiper-pagination"></div>
		</div>

		<section>
			<div class="itemList">

				<div class="item" onclick="goWxgroup()">
					<a>
						<img src="http://worldcuptemp.oss-cn-beijing.aliyuncs.com/qunhuizong.png"/>微信群汇总
					</a>
				</div>
				<div class="item" onclick="goFriendLink()">
					<a>
						<img src="http://worldcuptemp.oss-cn-beijing.aliyuncs.com/lianjie.png"/>友情链接
					</a>
				</div>
				<!--<div class="item" onclick="location='/travel/view'">-->
				<div class="item" onclick="travel()">
					<a>
						<img src="http://worldcuptemp.oss-cn-beijing.aliyuncs.com/yueban.png"/>
						<!--<img src="{% static 'image/friend2.png' %}"/>-->组团约伴
					</a>
				</div>
				<div class="item">
					<a href="https://worldcup.dmpb.com.cn/front/house_list.html?v=1.1.14">
						<img src="http://worldcuptemp.oss-cn-beijing.aliyuncs.com/zhusu.png">
						民宿推荐
						<!-- <img src="{% static 'image/hotel2.png' %}"/>俄罗斯住宿 -->
					</a>
				</div>
			</div>
			<div class="itemList">
				<div class="item" onclick="navToParty()">
					<a>
						<img src="https://worldcuptemp.oss-cn-beijing.aliyuncs.com/website/icons/party.png"/>欧冠活动
						<!-- <img src="{% static 'image/future2.png' %}">欧冠活动 -->
					</a>
				</div>
				<div class="item" onclick="alert('功能正在开发ing~，可以先去右上角留言~您也可以留言转票信息和求票信息，我们可以帮您推荐合适的买主/卖主')">
					<a>
						<img src="{% static 'image/tramster_ticket2.png' %}"/>我要转票
					</a>
				</div>
				<div class="item" onclick="alert('敬请期待～')">
					<a>
						<img src="{% static 'image/russia2.png' %}"/>俄罗斯玩法
					</a>
				</div>
				<div class="item" onclick="test()">
					<a>
						<img src="{% static 'image/future2.png' %}"/>敬请期待
					</a>
				</div>
			</div>
		</section>

		<div class="list">
			<div class="head">
{#                <span>距离第二阶段抢票开始还有</span>#}
				<span>距离门票销售第二阶段下半段结束还有</span>
			</div>
			<div class="list-cell list-block media-list" style="margin: 0">
				<ul>
					<li class="item-content">
						<div class="item-inner">
							<center>
								<strong id="day_show" class="red">**</strong>
								<strong id="hour_show" class="red">**</strong>
								<strong id="minute_show" class="red">**</strong>
								<strong id="second_show" class="red">**</strong>
							</center>
						</div>
					</li>
				</ul>
			</div>
		</div>

		<div class="list">
			<div class="head">
				<span>公告</span>
			</div>

			<div class="list-cell list-block media-list">
				<p>
					<a style="color: red" href="https://worldcup.dmpb.com.cn/front/luckdraw.html">欧冠抽奖链接</a>
				</p>
				<p>
					<span style="color: red">参加俄语课的同学，课程于周六晚8点整准时在花椒平台开始，请大家提前下载好花椒app。直播链接届时将贴在这里，请大家在开课前30分钟来此查看。</span>
				</p>
				<!--
				<p>
					<span style="color: red">俄语教学课程直播链接（点击复制链接）：<a id="course_link" data-clipboard-action="copy" data-clipboard-target="em" href="javascript:;"><em>www.baidu.com</em></a></span>
				</p>-->
				<p>
					<span style="color: red">世界杯期间酒店资源已非常紧张，抽签后能提前订酒店的尽量早订，可以订免费取消的那种！</span>
				</p>
			</div>

			<div class="list-cell list-block media-list">
				<p>本网站由世界杯球迷中的技术宅自发创建，方便大家也方便自己组团找伴，分摊旅行费用。</p>
				<p>  希望球迷中的设计师程序猿们联系我们一起完善功能。  </p>
				<p>有任何问题都可联系我们~。（二维码长按可识别）</p>
			</div>
			<p>
				<img src="http://worldcuptemp.oss-cn-beijing.aliyuncs.com/female.png" width="20">
				<img src="http://worldcuptemp.oss-cn-beijing.aliyuncs.com/webwxgetmsgimg.jpg" width="100">
				<span>支持阿根廷+梅西的妹子</span>
			</p>
			<p>
				<img src="http://worldcuptemp.oss-cn-beijing.aliyuncs.com/male.png" width="20">
				<img src="http://worldcuptemp.oss-cn-beijing.aliyuncs.com/jiangzeyu.jpg" width="100">
				<span>德国球迷小鲜肉</span>
			</p>
		</div>
	</div>
</div>


<!--cnzz统计代码,误删-->
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1267142462'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1267142462%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script>


</body>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.js"></script>
<script src="https://cdn.bootcss.com/Swiper/3.3.1/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/3.3.1/js/swiper.jquery.min.js"></script>
<script src="https://cdn.bootcss.com/iScroll/5.1.0/iscroll.min.js"></script>
<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type="text/javascript" src="./clipboard.min.js"></script>
<script>
	var nowTIME = (new Date()).valueOf();
	var intDiff = parseInt(1523548800000 - nowTIME) / 1000;//倒计时总秒数量
	function timer(intDiff) {
		window.setInterval(function () {
			var day = 0,
					hour = 0,
					minute = 0,
					second = 0;//时间默认值
			if (intDiff > 0) {
				day = Math.floor(intDiff / (60 * 60 * 24));
				hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
				minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
				second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
			}
			if (minute <= 9) minute = '0' + minute;
			if (second <= 9) second = '0' + second;
			$('#day_show').html(day + "天");
			$('#hour_show').html('<s id="h"></s>' + hour + '小时');
			$('#minute_show').html('<s></s>' + minute + '分');
			$('#second_show').html('<s></s>' + second + '秒');
			intDiff--;
		}, 1000);
	}

	$(function () {

		timer(intDiff);


		var mySwiper = new Swiper("#banner", {
			autoplay: 3000,
			loop: true,
			pagination: '.swiper-pagination',

		});

		var clipboard = new ClipboardJS('#course_link');
		clipboard.on('success', function(e) {
			alert('复制成功！');
		});
		clipboard.on('error', function(e) {
			// console.log(e);
		});
	});

	function travel(){
		/*
		var allows = ["oJEP8tyAV6dpCFA5BMrRQrxojdnE","oJEP8t7DsejMrxk2IEV9azDwBPMU","oJEP8t0l83UgUhxEYPQlpPsAEVU8","oJEP8t03z5DrCC5X9ochRlh7i2DY","oJEP8t4u9ff49GQnOCEX92WPZg1M","oJEP8t_rnBFzEfuA-fqwDKdWbytA","oJEP8t4EF7Mca7rggqG-y1BayE4I","oJEP8t-27tzRuk2idKyfDxZFEhbA","oJEP8t1M02M8J05yP1y9J7Qpg_WA","oJEP8t8pq5nBTShL_MnfVKDS35D8","oJEP8t1lqs28ugsUZkdTQJ8FK2bc"]
		var openid = $.cookie("openId")
		var allowed = false
		for(var i in allows){
			if(openid == allows[i]){
				allowed = true;
				break;
			}
		}
		if(allowed){
			location='https://worldcup.dmpb.com.cn/front/travel_list.html';
		}else{
			alert("敬请期待");
		}*/

		location='https://worldcup.dmpb.com.cn/front/travel_list.html?v=1.1.21';
	}

	function test() {

		var allows = ["oJEP8t3lOErHAb1nHabl21PIJkJU", "oJEP8tyAV6dpCFA5BMrRQrxojdnE","oJEP8t7DsejMrxk2IEV9azDwBPMU","oJEP8t0l83UgUhxEYPQlpPsAEVU8","oJEP8t03z5DrCC5X9ochRlh7i2DY","oJEP8t4u9ff49GQnOCEX92WPZg1M","oJEP8t_rnBFzEfuA-fqwDKdWbytA","oJEP8t4EF7Mca7rggqG-y1BayE4I","oJEP8t-27tzRuk2idKyfDxZFEhbA","oJEP8t1M02M8J05yP1y9J7Qpg_WA","oJEP8t8pq5nBTShL_MnfVKDS35D8","oJEP8t1lqs28ugsUZkdTQJ8FK2bc"," oJEP8t3P4eTDaOZS7RuwGHQoluuQ","oJEP8t3P4eTDaOZS7RuwGHQoluuQ","oJEP8txu_3et4yb2GFF2Ue1YTpbY",
		"oJEP8tyAV6dpCFA5BMrRQrxojdnE","oJEP8t_rnBFzEfuA-fqwDKdWbytA","oJEP8t_EH_cLSqdeJWENhkrULk_E"]
		var openid = $.cookie("openId");
		if(allows.indexOf(openid) > -1) {
			location='https://worldcup.dmpb.com.cn/front/product_list.html';
		}else {
			alert("敬请期待");
		}
	}

	function goWxgroup(){
		var params = getUrlParams();
		location='https://worldcup.dmpb.com.cn/front/wxgroup.html?' + params
	}

	function goFriendLink() {
		var paramStr = getUrlParams();
		var params = paramStr.split("&"); //各个参数放到数组里
		var joboEntrance;
		for(var i=0;i < params.length; i++){
			num = params[i].indexOf("=");
			if(num > 0){
				 var name = params[i].substring(0,num);
				 if(name == "joboEntrance"){
					joboEntrance = params[i].substr(num+1);
				 }
			}
		}
		if(joboEntrance == "1" || joboEntrance == 1){	//小程序
			alert("小程序不支持访问外部链接，请关注'Jobo工作室'进入");
		}else{
			location='/friendship_link';
		}

	}

	function getUrlParams(){
		var url = location.href;
		var num=url.indexOf("?")
		var params = url.substr( num + 1);
		return params;
	}

	function navToParty() {
		window.location = 'https://worldcup.dmpb.com.cn/front/party.html';
	}

</script>


</html>
